<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
<link rel="stylesheet" href="plug/swiper/css/swiper.css"/>
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/util.css" />
<link rel="stylesheet" href="css/doc_homepage.css" />
<link rel="stylesheet" href="css/recod_goods.css" />
<title>医生主页</title>
</head>
<body>
<div class="content doc_home">
	
<!--头部-->	
<div class="pub_hearder flex_vertical justify_content_equal">
	<img class="up_page pub_hearder_left" src="img/header/header_left.png" />
	<div class="head_center">
		<span class="set_head_dot" style="width: .05rem;height: .05rem;border-radius: 50%;"></span>
		<span class="set_head_dot" style="width: .08rem;height: .08rem;border-radius: 50%;"></span>
		<span class="set_head_dot"></span>
		<span class="head_title">医生主页</span>
		<span class="set_head_dot"></span>
		<span class="set_head_dot" style="width: .08rem;height: .08rem;border-radius: 50%;"></span>
		<span class="set_head_dot" style="width: .06rem;height: .06rem;border-radius: 50%;"></span>
	</div>
	<img class="search pub_hearder_right" src="img/doc_homepage/forward.png" />
</div>

<!--医生简介-->
<div class="doctor_detail_parent">
<div class="doctor_detail set_box_shadow">
	<div class="clearfix">
		<div class="doctor2">
			<span class="big">李华</span><br /><span class="">主治医师</span>
		</div>
		<!--头像-->
		<div class="doc_pic clearfix">
			<img src="img/doc_homepage/doc.png" />
		</div>
		<!--归属-->
		<div class="doc_affiliation">
			<span class="big">男科</span><br /><span class="">时光医疗美容医院</span>
		</div>
	</div>
	
	<p class="doc_evaluate flex_all_center">
		<img src="img/star.png" /><img src="img/star.png" /><img src="img/star.png" /><img src="img/star.png" /><img src="img/star.png" />
	</p>
	<!--成功预约-->
	<p class="make">
		成功预约：<span class="make_num">2868</span>
	</p>
	
</div>
</div>
<div class="set_box_shadow" style="padding: 0;">
	<!--选项卡-->
	<ul class="tab_control clearfix" style="box-shadow: 0px 3px 10px 0 rgba(188, 225, 224, 0.29);">
		<li class="to_hot_make" style="border-right: 1px solid #DCDCDC;"><span class="orange_border_btm">热门预约</span></li>
		<li class="to_doc_homepage_case"><span class="">患者评价</span></li>
	</ul>
	<!--热门预约-->
	<div class="hot_make ">
		<!--热门预约列表-->
		<div class="hot_make_list">
			<div class="hot_make_child clearfix">
				<div class="left">
					<img src="img/doc_homepage/goods.png" />
				</div>
				<div class="right">
					<div class="title">
						【 水氧活跃 】aqua peel韩国新一代小气泡深沉清洁水漾净肤单次 送面膜！
					</div>
					<div class="detail">
						<span class="">李华</span>&nbsp;
						<span class="">杭州东方整形美容门诊部</span>
					</div>
					<div class="price">
						<p class="price2">¥<span class="">618</span> 起</p>&nbsp;
						<p class="">¥<span class="">3980</span>起</p>&nbsp;
						<p class="yet_make">已预约<span class="">233</span>人</p>
					</div>
				</div>
			</div>

		</div>
		<!--查看更多-->
		<div class="look_more">
			<span>查看更多</span>&nbsp;<img src="img/doc_homepage/green_next.png" />
		</div>
	</div>
	<!--案例-->
	<div class="doc_homepage_case none">
		<!--评价-->
		<div class="evaluate_list">
			<div class="evaluate clearfix">
				<!--头像-->
				<div class="evaluate_left">
					<img src="img/doc_homepage/head_pic.png" />
				</div>
				<!--评价内容-->
				<div class="evaluate_right">
					<p class="name">
						木木<span class="time">5月19日</span>
					</p>
					<p class="beauty_pic">
						<img src="img/doc_homepage/before.png" /><img src="img/doc_homepage/after.png" />
					</p>
					<p class="evaluate_content">
						很满意，非常感谢李医生，这已经第二次找他做了。很满意，非常感谢李医生，这已经第二次找他做了。
					</p>
				</div>
			</div>
		</div>
	</div>
</div>






<!--底部-->
<div class="doc_homepage_btm fixed clearfix">
	<div class="line_consult">在线咨询</div>
	<div class="make" onclick="doc_appointment(this)">预约</div>
</div>

</div>


<script type="text/javascript" src="plug/jquery-1.11.3.js" ></script>
<script type="text/javascript" src="plug/template-web.js"></script>
<script type="text/javascript" src="js/viewport.js" ></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/method.js"></script>
<script src="js/doc_homepage.js"></script>
<!--医生个人资料-->
<script type="text/html" id="test_doctor_detail">
	<div class="doctor_detail set_box_shadow" data_id="{{id}}">
		<!--头像-->
		<div class="doc_pic clearfix">
			<img src="img/doc_homepage/doc.png" />
		</div>
		<div class="doctor2">
			<span class="big">{{name}}</span>&nbsp;<span class="">{{professional}}</span>
		</div>
		<!--成功预约-->
		<div class="make">
			成功预约：<span class="make_num">2868</span>
		</div>
		<!--收藏-->
		<div class="doc_collect">
			<p class="">收藏</p>
		</div>
		<!--业绩-->
		<div class="performance clearfix">
			<div class="favourite">
				<p class="score">{{followerAmount}}</p>
				<p class="dashed">
					<img src="img/doc_homepage/dashed.png" />
				</p>
				<p class="menu">
					<img src="img/doc_homepage/favourite.png" /> <span class="">收藏</span>
				</p>
			</div>
			<div class="case">
				<p class="score">91</p>
				<p class="dashed">
					<img src="img/doc_homepage/dashed.png" />
				</p>
				<p class="menu">
					<img src="img/doc_homepage/case.png" /> <span class="">案例</span>
				</p>
			</div>
			<div class="comments">
				<p class="score">1068</p>
				<p class="dashed">
					<img src="img/doc_homepage/dashed.png" />
				</p>
				<p class="menu">
					<img src="img/doc_homepage/comments.png" /> <span class="">咨询</span>
				</p>
			</div>
		</div>
	</div>
</script>
<!--热门预约-->
<script type="text/html" id="test_hot_make_list">
{{each goods value}}
	<div class="hot_make_child clearfix" data_id="{{value.id}}" onclick="window.location.href='goods_detail.html?'+{{value.id}}">
		<div class="left">
			<img src="{{value.photo}}" />
		</div>
		<div class="right">
			<div class="title">
				{{value.name}}
			</div>
			<div class="detail">
				<span class="">李华</span>&nbsp;
				<span class="">{{value.name}}</span>
			</div>
			<div class="price">
				<p class="price2">¥<span class="">{{value.barginPrice}}</span> 起</p>&nbsp;
				<p class="">¥<span class="">{{value.price}}</span>起</p>&nbsp;
				<p class="yet_make">已预约<span class="">233</span>人</p>
			</div>
		</div>
	</div>
{{/each}}
</script>
	
<!--延伸-->
<script type="text/html" id="test_extend">
	<div class="extend set_box_shadow">
		<p class="doc_data" onclick="window.location.href='doc_data.html?'+{{id}}">
			<img class="left" src="img/doc_homepage/doc2.png" /><span class="">医生资料</span><img class="next" src="img/good_detail/next.png" />
		</p>
		<p class="hos" onclick="enter_hos(this)" data_id="{{hosId}}">
			<img class="left" src="img/doc_homepage/hos.png" /><span class="">{{hospName}}</span><img class="next" src="img/good_detail/next.png" />
		</p>
	</div>
</script>
<!--评价-->
<script type="text/html" id="test_evaluate">
{{each comments value}}
	<div class="evaluate clearfix">
		<!--头像-->
		<div class="evaluate_left">
			<img src="img/doc_homepage/head_pic.png" />
		</div>
		<!--评价内容-->
		<div class="evaluate_right">
			<p class="name">
				{{value.user}}<span class="time">{{value.time}}</span>
			</p>
			<p class="beauty_pic">
				<img src="img/doc_homepage/before.png" /><img src="img/doc_homepage/after.png" />
			</p>
			<p class="evaluate_content">
				{{value.content}}
			</p>
		</div>
	</div>
{{/each}}		
</script>
</body>
</html>
